{% extends 'base.html' %}
{% load custommark %}
{% block title %}pythoncloud的博客{% endblock title %}
{% block main %}
    {% load staticfiles %}
    <div class="right-content" id="right-content" style="margin-top: 5px;">
        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/details/171.html">Spring Boot异步调用方法</a></h2>
                        <div class="blog-item-badge">
                            <span class="layui-badge layui-bg-red">精帖</span>
                        </div>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">用异步经常去解决一些执行慢的操作，让使用者尽快得到操作的反馈，至于业务的执行交给程序慢慢实现即可。</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>
        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/blog/article/171.html">JS批量下载文件</a></h2>
                        <div class="blog-item-badge">
                            <span class="layui-badge layui-bg-red">精帖</span>
                        </div>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">应用场景：后台勾选多选框点击下载，批量下载所选文件。function excelExport(data,url) { if(data.length == 0){ layer.msg('请至少选择一条数据', {time: 1000, icon:2}); return; } let triggerDelay = 100; let removeDelay = 1000; // 存放下载链接的数组 let url_arr=[]; // 给数组添加元素 for(var i=0;i < data.length;i++){ var id = data[i].orderId; var downUrl = ...</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>

        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/details/171.html">MySQL主从同步数据库配置</a></h2>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">通过两台（或多台）服务器，配置MySQL的主从同步， 既可以提高数据库的性能，也是一种容灾手段。</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>
        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/blog/article/171.html">(转载)JVM 堆内存设置原理</a></h2>
                        <div class="blog-item-badge">
                            <span class="layui-badge layui-bg-red">精帖</span>
                        </div>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">关于堆内存的很详细的讲解</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>
        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/blog/article/171.html">Nginx之FTP服务器相关配置</a></h2>
                        <div class="blog-item-badge">
                            <span class="layui-badge layui-bg-red">精帖</span>
                        </div>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">Nginx之FTP服务器相关配置</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>
        <div class="blog-item">
            <div class="layui-card">
                <div class="layui-card-body">
                    {# 标题 #}
                    <div class="blog-item-title">
                        <h2><a href="/blog/article/171.html">Nginx之通过同一ip转发不同的端口的tomcat下的项目</a></h2>
                        <div class="blog-item-badge">
                            <span class="layui-badge layui-bg-red">精帖</span>
                        </div>
                    </div>
                    {# 时间，作者，类别，查看量#}
                    <div class="blog-item-info">
                        <span class="item-date">
                             <i class="layui-icon layui-icon-date blog-item-info-icon"></i><span>2019-06-22</span>
                        </span>
                        <span class="item-user">
                              <i class="layui-icon layui-icon-username blog-item-info-icon"></i><span>wjy329</span>
                            </span>
                        <span class="item-category">
                            <i class="layui-icon layui-icon-file blog-item-info-icon"></i>
                            <span>
                                <a href="/page/categories?category=SpringBoot">SpringBoot</a>
                            </span>
                        </span>
                        <span class="blog-item-nums">
                              <i class="layui-icon layui-icon-read blog-item-info-icon"></i><span>2</span>
                        </span>
                    </div>
                    {#   简介内容#}
                    <div>
                        <span style="color: #666666">Nginx通过同一ip转发不同的端口的tomcat下的项目</span>
                    </div>

                    {# 查看全文#}
                    <div style="margin-top: 10px;">
                                    <span><a style="color: #000000" href="/blog/article/171.html">阅读全文</a><i
                                            class="layui-icon layui-icon-next" style="font-size: small"></i>   </span>
                    </div>

                </div>
            </div>
        </div>


        <!-- 分页 -->
        <div class="layui-card" id="demo" style="text-align: center;"></div>
    </div>
    </div>
    <script type="text/javascript">
        layui.config({
            base: BASE_UTIL_PATH,
        }).use(['element', 'laypage', 'jquery', 'menu'], function () {
            element = layui.element, laypage = layui.laypage, $ = layui.$, menu = layui.menu;
            laypage.render({
                elem: 'demo'
                , count: 70 //数据总数，从服务端得到
            });
            menu.init();
        })
    </script>

{% endblock main %}